.nav-bar {
    /* display: flex; */
    border: 2px solid black;
    justify-content: center;
    background-color: black;
}
ul {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-end;
    list-style: none;
}
li, a {
    color: aliceblue;
    font-family: Georgia, 'Times New Roman', Times, serif;
} 
.section {
    /* margin: 0 auto; */
    margin-top: 51px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.btn {
    margin: 15px;
    /* padding: 15px; */
    font-size: 25px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    width: 100px;
    border-style: dashed;
    height: 100px;
    border-radius: 50%;
    transition: linear  0.3s;
    transition-delay: 0.3s;
}
/* .btn:hover{ */
    /* transform: rotate(-360deg) rotateX(-360deg); */
    /* background-color: green; */

/* } */
 